<template>
	<div class="dashboard-editor-container">
		<el-row>
			<el-col :span="24">
				<panel-group />
			</el-col>
		</el-row>
		<el-row style="margin-bottom: 20px;">
			<el-col :span="6">
				<flowCard></flowCard>
			</el-col>
			<el-col :span="12">
				<el-card style="padding-left: 20px;margin-left: 20px;height: 70vh;">
					<div slot="header" class="clearfix">
						<span style="line-height: 18px; color: rgba(0,0,0,0.45); font-size: 16px; margin-bottom: 12px;">访问量统计</span>
					</div>
					<lineChart></lineChart>
				</el-card>
			</el-col>
			<el-col :span="6">
				<msgCard></msgCard>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import PanelGroup from './components/PanelGroup'
	import flowCard from './components/flow-card'
	import msgCard from './components/msg-card'
	import lineChart from './components/LineChart'
	export default {
		name: 'DashboardAdmin',
		components: {
			PanelGroup,
			flowCard,
			msgCard,
			lineChart
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.el-row {}
</style>
